@import "@usehook/cursor.scss";

.el-select-dropdown__item *,
.el-select-dropdown__item {
  @include cursor-pointer-important;
}

.el-select-dropdown__item.is-hovering {
  background-color: rgba(231, 231, 231, 0.3);
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper {
  background: transparent;
}

.el-select {
  height: 100% !important;
}

.el-select__placeholder {
  color: #8b8b8b;
}

.el-select__selected-item,
.el-select__placeholder {
  font-size: var(--font-size) !important;
}

.el-select .el-tag {
  font-size: var(--font-size);
  height: calc(var(--font-size) + 10px);
}

.el-select__suffix .el-icon {
  font-size: var(--font-size);
}

.el-select__suffix {
  opacity: 0;
  transition: all 0.5s;
}

.el-select:hover .el-select__suffix,
.el-select .el-select__wrapper[aria-describedby] .el-select__suffix {
  opacity: 1;
  transition: all 0.5s;
}
